// vuex 状态管理文件
import Vue from 'vue'
import Vuex from 'vuex'

// 挂载Vuex
Vue.use(Vuex)

// 创建VueX对象
const store = new Vuex.Store({
  state:{
    // 存放的键值对就是所需要进行管理的状态
    on: false,
    name: 'helloVuex',
    count: 1
  },
  mutations:{
    state(state,data){
      state.name = data
    },
    countAdd(state,data){
      state.count = data
    }
  },
  actions:{
    countAdd(context,n){
     return  context.commit('countAdd',n)
    }
  },
  getters:{
    getCount(state){
      return state.count
    },
    getName(state){
      return state.name
    }

  }
  
})

export default store